
.music-wrapper {
	position: absolute;
    height: 100%;
    width: 100%;
    background: #111;
    color: #fff;

    .h31 {
    	padding: 1.7rem .3rem 0;
    	text-align: center;
    	font-size: .7rem;
    }

    .rain {
    	z-index: 1;
    }

    .oper-content {
    	position: absolute;
	    bottom: 1.7rem;
	    width: 100%;
	    text-align: center;
	    z-index: 2;

	    .h32 {
	    	margin-bottom: .3rem;
	    	color: #aaa;
	    	font-weight: 200;
	    }

    	.go-game-btn {
    		display: inline-block;
		    width: 2rem;
		    height: 2rem;
		    border-radius: 50%;
		    border: 1px solid #fff;
		    text-align: center;
		    line-height: 2rem;
		    color: #fff;
	    }
    }
    
}
.audio-content {

	.audio-item  {
		height: 100%;
	}

	.audio-wrap {
		position: relative;
		
		audio,
		.timeline,
		.time-num {
			display: none;
		}

		.icon-play {
			position: absolute;
			left: .3rem;
			top: .3rem;
			width: .77rem;
			height: .77rem;
			border-radius: 50%;
			border: 1px solid #f5821f;
			box-shadow: 1px 1px 53px #fff;
			-webkit-animation: music-rain-ani 1s 70;
			animation: music-rain-ani 1s 70;

			.pause {
				background: #bea8cc;
			}
		}
	}
}

@-webkit-keyframes music-rain-ani {
	50% {
		box-shadow: 1px 1px 3px #fff;
	}
}
@keyframes music-rain-ani {
	50% {
		box-shadow: 1px 1px 3px #fff;
	}
}